<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" charset="UTF-8">
    <link href="../css/bootstrap-3.3.5-dist/css/bootstrap.css" rel="stylesheet">
    <link href="../css/font-awesome.min.css" rel="stylesheet">
            <link rel="shortcut icon" href="../img/logo.ico">

    <title>启慧智库</title>
</head>
<style>
input::placeholder {
        color: balck !important;
    }

</style>
<body style="background:#cbcbce" id="body">

<div id="d5" style="background:white;display:none" class="clearfix col-xs-12">
	<div class="clearfix" style="margin-top:20px">
		<img class="col-xs-3" src="../img/logo.jpg" style="height:70px"></img>
		<h3 class="col-xs-9" style="padding-left:0px;text-align:left;lettper-spacing:2px">川渝南方石油集团</h3>
	</div>
	<div class="input-group" style="margin-top:20px">
		<span class="input-group-addon" >用户名</span>
		<input type="text" style="letter-spacing:3px"class="form-control" id="tel" aria-describedby="basic-addon3" readonly>
	</div>
	<div class="input-group" style="margin-top:20px">
		<span class="input-group-addon" style="" >姓&nbsp;&nbsp;&nbsp;名</span>
		<input type="text" class="form-control" style="letter-spacing:3px" id="name" aria-describedby="basic-addon3">
	</div>
	<div class="input-group" style="margin-top:20px">
		<span class="input-group-addon" >车牌号</span>
		<input type="text" class="form-control" id="number" aria-describedby="basic-addon3">
	</div>
	<button id="commit" class="btn btn-success btn-sm col-xs-4 col-xs-offset-4" style="letter-spacing:5px;margin-top:20px">保存</button>
</div>



</div>
<div class="clearfix" id="main" style="">
    <div id="d1" style="background:white;" class="clearfix">
	<div style="background:white;padding-top:20px" class="clearfix col-xs-12">
		<div class="col-xs-4" style="padding:0px">
			<img id ="siteImg" src="../img/test.jpg" style="width:100%;height:100%"></img>
		</div>
		<div class="col-xs-8">
			<div style="font-weight:bold;" id="site">
			</div>
			<div>
				<span class="glyphicon glyphicon-map-marker" style="color:black;"></span>
				<span id="address" style="font-size:80%;letter-spacing:1px;color:#92949f">东湖镇XXX6组</spanv>
			</div>
			<div style="margin-top:20px">
				<span style="letter-spacing:1px;color:red" id="price"></span>
				<span style="font-size:70%;letter-spacing:1px;color:#92949f">当前油价</span>
			</div>
			
		<div>
		</div>
		</div>
		
	</div>
	<div class="col-xs-12 clearfix" style="background:white;" >
		<div class="clearfix" style="padding-top:5px;margin-bottom:10px">
			<span style="float:left;font-weight:bold;letter-spacing:2px;font-size:120%">油号</span>
		</div>
	</div>
	<div class="col-xs-12 clearfix" style="background:white;padding-bottom:3px" id="oilList">
	</div>
	</div>




	<div id="d2"  style="background:white;margin-top:5px;padding:10px" class="clearfix">
	<div class="col-xs-12 clearfix" style="">
		<div class="clearfix" style="">
			<span style="float:left;font-weight:bold;letter-spacing:2px;font-size:120%">加油金额</span>
			<span style="font-size:70%;float:right;color:#797c7b;letter-spacing:1px" id="jifen">本次加油VIP可积0积分</span>
		</div>
		<div class="col-xs-12" style="padding:0px;margin-bottom:10px">
			<div class="input-group col-xs-12" style="margin-top:10px;;height:50px">
				<span class="input-group-addon" style="background:white;">￥</span>
				<input id="amount" type="number" class="form-control" placeholder="" aria-describedby="basic-addon2" style="height:50px">
				<span id="capacity" value="" class="input-group-addon" id="basic-addon2" id="yue" style="color:#797c7b;background:white;">大约0L</span>
			</div>
		</div>
	
		<div class="P col-xs-3" style="border-radius:5px;border:1px solid #db9e2e;padding:10px;text-align:center;background:white;margin-top:10px" >
			<div amount="200" style="font-weight:bold;">￥200</div>
		</div>
		<div class="P col-xs-4 col-xs-offset-1" style="border-radius:5px;border:1px solid #db9e2e;padding:10px;text-align:center;background:white;margin-top:10px">
			<div amount="300" style="font-weight:bold;">￥300</div>
		</div>
		<div class="P col-xs-3 col-xs-offset-1" style="border-radius:5px;border:1px solid #db9e2e;padding:10px;text-align:center;background:white;margin-top:10px;float:right">
			<div amount="400" style="font-weight:bold;">￥400</div>
		</div>
	</div>
	</div>



	<div id="d3"  style="background:white;margin-top:5px;;margin-bottom:49px" class="clearfix">
	<div class="col-xs-12 clearfix" style="background:white;padding-bottom:3px">
		<div class="clearfix" style="padding-top:5px;margin-bottom:10px">
			<span style="float:left;font-weight:bold;letter-spacing:2px;font-size:120%">支付方式</span>
		</div>
		<div class="col-xs-3 " style="padding:0px" id="member-div">
			<img src="../img/member_pay.jpg" id="member_pay" style="height:100%;width:95%;border:1px solid red">
		</div>
		<div class="col-xs-3" style="padding:0px">
			<img src="../img/weichat_pay.jpg" id="weichat_pay" style="height:100%;width:95%;border:1px solid #d7c7c7">
		</div>
		<div class="col-xs-3 " style="padding:0px">
			<img src="../img/zhifu_pay.jpg" id="zhifu_pay" style="height:100%;width:95%;border:1px solid #d7c7c7">
		</div>
		<div class="col-xs-3 " style="padding:0px">
			<img src="../img/cash_pay.jpg" id="cash_pay" style="height:100%;width:95%;border:1px solid #d7c7c7">
		</div>
	</div>
	<div class="col-xs-12 clearfix" style="background:white;margin-top:0px;margin-top:10px">
		<div class="clearfix" style="padding-top:10px">
			<span style="float:left;font-weight:bold;letter-spacing:2px;font-size:120%;color:red;">本单优惠</span>
			<span style="float:right;color:#e68641;font-weight:bold;letter-spacing:1px;font-size:200%" id="free">￥0</span>
		</div>
		<hr style="margin-bottom:10px;margin-top:10px">
		<div class="clearfix" style="">
			<span style="float:left;font-weight:bold;letter-spacing:2px;font-size:120%">加油实付</span>
			<span style="float:right;color:#e68641;font-weight:bold;letter-spacing:1px;font-size:200%" id="realPay">￥0</span>
		</div>
	</div>
	<div class="col-xs-12 clearfix" style="background:white;margin-top:10px;height:280px;z-index:3;position:fixed;bottom:0px;display:none;" id="detail">
		<div class="clearfix">
			<span class="col-xs-3 glyphicon glyphicon-remove close-a" style="padding:10px" ></span>
			<h4 class="col-xs-6" style="text-align:center;">加油消费明细</h4>
		</div>
		<hr style="border:1px dotted">
		<div class="clearfix" style="margin-top:5px">
			<div class="col-xs-6" id="free-c" style="letter-spacing:28px">油号</div>
			<div class="col-xs-6" id="oil-n" style="letter-spacing:3px">无</div>
		</div>
		<div class="clearfix" style="margin-top:5px">
			<div class="col-xs-6" id="free-c" style="letter-spacing:28px">容量</div>
			<div class="col-xs-6" id="capacity2" style="letter-spacing:1px">0 L</div>
		</div>
		<div class="clearfix" style="margin-top:5px">
			<div class="col-xs-6" id="free-c">汽油优惠</div>
			<div class="col-xs-6" id="free-d">￥0.00</div>
		</div>
		<div class="clearfix" style="margin-top:5px">
			<div class="col-xs-6" id="free-c">油站优惠</div>
			<div class="col-xs-6" id="site-free">￥0.00</div>
		</div>
		<div class="clearfix" style="margin-top:5px">
			<div class="col-xs-6" style="letter-spacing:28px">金额</div>
			<div class="col-xs-6" id="amount2">￥0</div>
		</div>
		<div class="clearfix" style="margin-top:5px">
			<div class="col-xs-6" style="font-weight:bold;letter-spacing:28px">实付</div>
			<div class="col-xs-6" style="font-weight:bold; "id="realPay3">￥0</div>
		</div>
		<div class="clearfix" style="margin-top:5px;" id="jifen-div">
			<div class="col-xs-6" id="" style="letter-spacing:2px">VIP可积</div>
			<div class="col-xs-6" id="jifen-b">0.00 积分</div>
		</div>
		
	</div>

	<div class="col-xs-12 clearfix" style="background:white;margin-top:10px;height:48px;position:fixed;bottom:0px;z-index:4" >
		<div class="clearfix" style=";float:left">
			<span id="realPay2" style="font-weight:bold;font-size:200%">￥0</span>
			<span id="detail-b" style="margin-left:10px;letter-spacing:1px">
				<span id="jiantou" class="glyphicon glyphicon-chevron-up" style="color:red"></span>
				明细
			<span>
		</div>
		<div style="float:right;color:white;font-size:120%;font-weight:bold;padding:12px;text-align:center;background:#e23c15;width:100px;letter-spacing:1px" id="pay">去支付</div>
	</div>
</div>


<div id="shadow" style="display:none;position: fixed;  top: 0px; bottom: 0px ;left: 0px; right: 0px; z-index: 1000;background: rgba(0,0,0,0.4); "></div>
<div id="shadow2" style="display:none;position: fixed;  top: 0px; bottom: 0px ;left: 0px; right: 0px; z-index: 2;background: rgba(0,0,0,0.4); "></div>
<div id="shadow3" style="display:none;position: fixed;  top: 0px; bottom: 0px ;left: 0px; right: 0px; z-index: 2;background: rgba(0,0,0,0.4); "></div>

<div  style="z-index: 1004;width:auto;height: 200px;position: fixed;left: 0px;right: 0px;top: 40%;bottom: 60%;margin: auto;display:none;" id="showErrorInfoDIV">
    <div class="modal "
         style="overflow:hidden;overflow-y:hidden;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog">
            <div class="modal-content  ">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon glyphicon-alert " style="color: red;">错误</h4>
                </div>

                <div class="modal-body  ">
                    <p id="showWarnContent" style="color:red; font-weight:bold;">请确认您的消息?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal" id="closeButton">好的</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="z-index:1001;background:white;height:200px;padding:30px;border-radius:10px;position:fixed;top:100px;display:none" class="clearfix col-xs-10 col-xs-offset-1 " id="m-div" >
	<div class="input-group" style="width:100%;">
		<input type="tel" class="form-control" placeholder="请输入用户名" aria-describedby="basic-addon2"  maxlength="11" id="username" style="letter-spacing:2px">
	</div>
	<div class="input-group" style="margin-top:10px;width:100%">
		<input type="tel" class="form-control" placeholder="请输入密码" aria-describedby="basic-addon2"  style="-webkit-text-security:disc;margin-top:10px;letter-spacing:2px" id="password">
	</div>
	<div class="clearfix" style="margin-top:20px">
		<button style="float:left" class="CL btn btn-danger btn-sm">取消</button>
		<button style="float:right; " class="btn btn-sm btn-success" id="login">支付</button>
	</div>
</div>
<div style="z-index:1001;background:white;height:130px;padding:30px;border-radius:10px;position:fixed;top:130px;display:none" class="clearfix col-xs-10 col-xs-offset-1" id="pass-div" >
	<div class="input-group" style="width:100%">
		<input type="tel" class="form-control" placeholder="请加油员输入密码" aria-describedby="basic-addon2"  style="-webkit-text-security:disc;letter-spacing:2px" id="password2">
	</div>
	<div class="clearfix" style="margin-top:20px">
		<button style="float:left" class="CL btn btn-danger btn-sm">关闭</button>
		<button style="float:right; " class="btn btn-sm btn-success" id="save">登录</button>
	</div>
</div>

<div id="loadPic"
     style="text-align: center;padding: 10px;color: white;font-weight:bold   ;border-radius:8px;background: rgba(0,0,0,0.5);;z-index: 1004;width: 200px;height:40px;margin:auto;position:fixed;top:0px;bottom:0px;right:0px;left:0px;display: none;">
<i class="fa fa-refresh fa-spin"></i>
    <span style="letter-spacing: 4px;">请稍后...</span>
</div>


<script src="../js/jquery-2.2.3.min.js"></script>
<script src="/cheungssh/static/js/CheungSSHGlobal.js"></script>
<script src="../js/pay.js"></script>
</body>
</html>
